<template>
  <div class="body">
    <h1 style="font-family:隶书;color:red;font-size:35px" align="center">王小二面馆</h1>
    <div style="letter-spacing: 5px">
    <h3 style="font-size:15px;">fyyiigyfdddddddfyyyyyyyyyyyyyyyyyyyyyyyyyyyyiiyfyfgxguwdugd</h3></div>

  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="餐饮分类" name="first">
    <el-aside width="250px" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']">
        <!-- 第三层-->
        <el-submenu index="3">
          <template slot="title"><i class="el-icon-setting"></i>导航三</template>
          <el-submenu index="3-3">
            <template slot="title">主食</template>
            <el-menu-item index="3-4-1">米饭</el-menu-item>
            <el-menu-item index="3-4-2">烤冷面</el-menu-item>
            <el-menu-item index="3-4-3">牛肉板面</el-menu-item>
          </el-submenu>

          <el-submenu index="3-4">
            <template slot="title">饮品</template>
            <el-menu-item index="3-4-1">可乐</el-menu-item>
            <el-menu-item index="3-4-1">雪碧</el-menu-item>
          </el-submenu>

        </el-submenu>
      </el-menu>
    </el-aside>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>

   </el-tabs>
  </div>
</template>

<script>
    export default {
        name: "Login5",
      data(){
          return{};
      },
      methods: {},
    }
</script>

<style scoped>
  .el-container{
    /*width: 200px;*/
    /*margin: 0 auto;*/
    margin: auto;

    height: 500px;
    border: 1px;
  }
  .el-aside {}
  .body{
    margin: 0 auto;
    background: lightgoldenrodyellow;
  }
</style>
